// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

type SvgProps = {
    width?: number;
    height?: number;
}

const SvgComponent = (props: SvgProps) => (
    <svg

        width={props.width ? props.width.toString() : '376'}
        height={props.height ? props.height.toString() : '376'}
        fill='var(--center-channel-bg)'
        viewBox='0 0 376 376'
        xmlns='http://www.w3.org/2000/svg'
    >
        <path
            d='M202.476 311.704C196.919 320.211 184.368 321.437 174.609 314.548L64.4168 236.943C60.821 234.517 58.3008 230.796 57.382 226.556C56.4631 222.317 57.2166 217.886 59.4852 214.189L156.422 66.1029C159.096 62.4615 162.932 59.841 167.297 58.674C171.661 57.5069 176.293 57.8631 180.428 59.6837L305.519 114.717C316.582 119.596 321.175 130.373 315.669 139.011L202.476 311.704Z'
            fill='#FFBC1F'
        />
        <path
            d='M184.941 301.631L71.3571 223.974L171.268 71.3739L297.847 129.173L184.941 301.631Z'
            fill='white'
        />
        <path
            d='M256.855 118.344C255.882 119.566 254.518 120.415 252.992 120.748C251.466 121.081 249.872 120.877 248.479 120.17L200.702 97.7292C200.083 97.5036 199.523 97.1424 199.062 96.672C198.602 96.2016 198.252 95.634 198.039 95.0108C197.827 94.3877 197.756 93.7248 197.833 93.0709C197.91 92.4169 198.132 91.7885 198.484 91.2317L205.973 79.7762C206.857 78.6043 208.118 77.7727 209.544 77.421C210.97 77.0694 212.473 77.2192 213.801 77.8452L262.204 99.347C262.876 99.5624 263.49 99.9263 264.002 100.412C264.514 100.897 264.909 101.491 265.16 102.15C265.411 102.81 265.51 103.517 265.45 104.22C265.39 104.922 265.172 105.603 264.813 106.21L256.855 118.344Z'
            fill='#8D93A5'
        />
        <path
            d='M247.722 103.47L216.932 89.4834L224.525 77.8715C225.427 76.7219 226.686 75.9053 228.103 75.5509C229.521 75.1965 231.016 75.3245 232.353 75.9144L252.836 84.7865C253.501 84.9897 254.111 85.3412 254.62 85.8145C255.13 86.2878 255.525 86.8705 255.776 87.5188C256.027 88.1671 256.128 88.864 256.071 89.5569C256.014 90.2498 255.8 90.9206 255.445 91.5188L247.722 103.47Z'
            fill='#2D3039'
        />
        <path
            d='M249.966 166.384L186.064 133.583L189.404 128.469L253.541 160.93L249.966 166.384Z'
            fill='#3DB887'
        />
        <path
            d='M165.919 130.243C165.77 130.34 165.6 130.401 165.424 130.423C165.247 130.445 165.067 130.426 164.899 130.368C164.731 130.31 164.577 130.215 164.451 130.089C164.325 129.963 164.229 129.811 164.171 129.642L160.257 118.057C160.207 117.883 160.194 117.7 160.221 117.521C160.248 117.343 160.313 117.172 160.412 117.02C160.511 116.869 160.642 116.741 160.796 116.645C160.949 116.549 161.121 116.488 161.301 116.465L162.788 116.152C163.175 116.07 163.578 116.124 163.929 116.305C164.281 116.485 164.56 116.782 164.719 117.143L166.806 123.197C166.862 123.365 166.955 123.517 167.078 123.643C167.202 123.769 167.353 123.865 167.519 123.923C167.686 123.981 167.863 124 168.039 123.978C168.214 123.956 168.381 123.894 168.529 123.797L180.375 117.117C180.743 116.931 181.162 116.871 181.568 116.946C181.973 117.022 182.343 117.228 182.619 117.535L183.558 118.657C183.683 118.793 183.774 118.956 183.826 119.134C183.877 119.311 183.887 119.498 183.854 119.68C183.821 119.862 183.747 120.034 183.637 120.182C183.526 120.33 183.384 120.451 183.219 120.536L165.919 130.243Z'
            fill='#3DB887'
        />
        <path
            d='M229.066 198.297L166.416 163.592L169.782 158.451L232.641 192.844L229.066 198.297Z'
            fill='#BABEC9'
        />
        <path
            d='M154.413 164.792L135.939 154.406L146.585 138.097L165.294 148.17L154.413 164.792Z'
            fill='#BABEC9'
        />
        <path
            d='M208.165 230.237L146.794 193.574L150.134 188.433L211.74 224.783L208.165 230.237Z'
            fill='#BABEC9'
        />
        <path
            d='M134.948 194.54L116.839 183.554L127.511 167.245L145.855 177.917L134.948 194.54Z'
            fill='#BABEC9'
        />
        <path
            d='M187.264 262.15L127.172 223.557L130.512 218.442L190.839 256.697L187.264 262.15Z'
            fill='#BABEC9'
        />
        <path
            d='M115.481 224.261L97.738 212.701L108.436 196.418L126.388 207.639L115.481 224.261Z'
            fill='#BABEC9'
        />
    </svg>
);

export default SvgComponent;
